import classNames from "classnames"
import * as React from "react"
import { HTMLAttributes } from "react"
import { componentClassName } from "../style"
import "./index.scss"

interface WingBlankProps extends HTMLAttributes<HTMLDivElement> {
  size?: "sm" | "md" | "lg"
}

export default function WingBlank(props: WingBlankProps) {
  const { size = "lg", className, style, children } = props
  return (
    <div className={classNames(componentClassName("wingblank"), {
      [componentClassName("wingblank-sm")]: "sm" === size,
      [componentClassName("wingblank-md")]: "md" === size,
      [componentClassName("wingblank-lg")]: "lg" === size,
    }, className)} style={style}>
      {children}
    </div>
  )
}
